// pages/qianbao/qianbao.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
      // num:0,
      totalPrice:0,
      list:[],
      list:[{
        id:1,
        price:"30",
        title:"全国通用券",
        num:0
      },
      {
        id:2,
        price:"25",
        title:"全国通用券",
        num:0
      },
      {
        id:3,
        price:"20",
        title:"全国通用券",
        num:0
      }
    ]
      
    },
    onShow(){
      this.setData({
       
      })
     this.getTotalPrice()
    },
    // 绑定加数量事件
  add(e) {
    const index = e.currentTarget.dataset.index;
    let list = this.data.list;
    let num = list[index].num;
    num = num + 1;
    list[index].num = num;
    this.setData({
      list: list
    });
    this.getTotalPrice();
  },
  
  reduce(e) {
    const index = e.currentTarget.dataset.index;
    // const obj = e.currentTarget.dataset.obj;
    let list = this.data.list;
    let num = list[index].num;
    if (num <= 0) {
      wx.showToast({
        title: '至少选择一张',
      })
      return false;
    }
    num = num - 1;
    list[index].num = num;
    this.setData({
        list: list
    });
    this.getTotalPrice();
  },
  
  // 计算总价
  getTotalPrice() {
    let list = this.data.list;  // 获取购物车列表
    let total = 0;      
    for (let i = 0; i < list.length; i ++) {   // 循环列表得到每个数据
          total += list[i].num * list[i].price;   // 所有价格加起来
    }
    this.setData({                          // 最后赋值到data 中渲染到页面
      list: list,
      totalPrice: total.toFixed(2)
    });
    wx.showToast({
      title: "总价：￥"+this.data.totalPrice,
    })
  },
  
    /**
     * 生命周期函数--监听页面加载
     */
     /* 加数 */
  
    
    onLoad: function (options) {
  
    },
  
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
  
    }
  })